<template>
   <!--zxyh 更多直播btn -->
	<div class="more_live_btn" @click="backHome">
	  <i></i>
      <span>更多直播</span>
      <i></i>
	</div>
</template>
<script>
	export default {
        props: {
        
        },
		data() {
			return {
			}
        },
    
		created() {
		},
		mounted() {
			
		},
		computed: {
			
		},
		methods: {
            backHome(){
                this.$router.push({path: `/${this.$channel}/zxyhHome`})  
            }

		},
		watch:{
			
		}
	};
</script>
<style scoped="scoped">
.more_live_btn{
     max-width: 190px;
     height: 40px;
     padding: 0px 10px 0px 17px;
     background: #FF5C26;
     background: #FF5C26;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-around;
     z-index: 13;
}
.more_live_btn i:first-of-type{
    height: 24px;
    width: 24px;
    margin-bottom: 3px;
    background: url('../../assets/images/zxyh/video_btn.png') no-repeat;
    background-size: 24px 24px;
}
.more_live_btn span{
    font-size: 22px;
    color: #FFFFFF;
    line-height: 22px;
    margin:  0 8px;
}
.more_live_btn i:last-of-type{
    height: 14px;
    width: 14px;
    margin-bottom: 2px;
    background: url('../../assets/images/zxyh/enter_btn.png') no-repeat;
    background-size: 14px 14px;
}	
</style>